import $ from 'jquery'
import styles from './index.module.less'
let container

/**
 * 初始化函数，负责创建容器
 */
function init() {
    console.log('初始化了');
    container = $('<div>').addClass(styles.container).appendTo('#app')
}


init()


/**
 * 根据传入的电影数值，创建元素，填充到容器里面
 * 
 */
export function createmovieTag(movies) {
    console.log(movies);
    const result = movies.map(m => `<div>
      <a href="${m.url}" target="_blank">
        <img src="${m.cover}">
      </a>
      <a href="${m.url}" target="_blank">
        <p class="${styles.title}">${m.title}</p>
      </a>
      <p class="${styles.rate}">${m.rate}</p>
    </div>`).join('')
    container.html(result);
    console.log(result);
}